<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
 <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> 
<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=no">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="renderer" content="webkit">
  <meta http-equiv="Cache-Control" content="no-siteapp">
	<title>学习目录</title>
  <%-- <link rel="stylesheet" href="${ctx}/static/css/mdui.css">
	<link rel="stylesheet" href="${ctx}/static/css/docs.css"> --%>
  <style>
    .float-fl, .float-fr {
      box-sizing: border-box;
    }
    @media (min-width: 1024px) {
      .float-fl {
        width: 49%;
        margin-right: 2%;
      }
      .float-fr {
        width: 49%;
      }
    }
  </style>
</head>
<body class="mdui-drawer-body-left mdui-appbar-with-toolbar mdui-theme-primary-blue mdui-theme-accent-pink mdui-loaded">
<header class="mdui-appbar mdui-appbar-fixed">
  <div class="mdui-toolbar mdui-color-theme">
    <span class="mdui-btn mdui-btn-icon mdui-ripple mdui-ripple-white" mdui-drawer="{target: '#main-drawer', swipe: true}"><i class="mdui-icon material-icons">menu</i></span>
    <a href="./index.html" class="mdui-typo-headline mdui-hidden-xs">员工培训系统</a>
    <a href="" class="mdui-typo-title">学习目录</a>
    <div class="mdui-toolbar-spacer"></div>
    <div class="mdui-col-xs-5 mdui-col-md-3">
      <div class="mdui-textfield mdui-textfield-expandable mdui-float-right ">
        <button class="mdui-textfield-icon mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">search</i></button>
        <input class="mdui-textfield-input" type="text" placeholder="搜索"/>
        <button class="mdui-textfield-close mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">close</i></button>
      </div>
    </div>
    <span class="mdui-btn mdui-btn-icon mdui-ripple mdui-ripple-white" mdui-dialog="{target: '#dialog-docs-theme'}" mdui-tooltip="{content: '设置主题'}"><i class="mdui-icon material-icons">color_lens</i></span>
    <a href="javascript:;" mdui-tooltip="{content: '论坛'}" class="mdui-btn mdui-btn-icon"><i class="mdui-icon material-icons">forum</i></a>
  </div>
</header>
<%@include file="../common/leftMenuStaff.jsp"%>

<a id="anchor-top"></a>

<div class="mdui-container doc-container">
  <div class="mdui-clearfix mdui-m-b-3">
    <div class="mdui-shadow-3 mdui-float-left mdui-p-x-2 mdui-m-b-1 mdui-m-r-1" style="line-height: 36px;">
      学习进度：还未参与课程学习
    </div>
    <button class="mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme-accent mdui-float-left mdui-m-r-1 mdui-m-b-1" onclick="location.href='indexStaff.html'">首页</button>
    <button class="mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme-accent mdui-float-left mdui-m-r-1 mdui-m-b-1" onclick="location.href='staffStudy.html'">学习</button>
    <button class="mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme-accent mdui-float-left mdui-m-r-1 mdui-m-b-1" onclick="location.href='staffExam.html'">考试</button>
    <button class="mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme-accent mdui-float-left mdui-m-r-1 mdui-m-b-1" onclick="location.href='staffExamSimulate.html'">模拟考试</button>
    <button class="mdui-btn mdui-btn-raised mdui-ripple mdui-color-theme-accent mdui-float-left mdui-m-r-1 mdui-m-b-1" onclick="location.href='staffMistakes.html'">错题本</button>
  </div>
  <div class="study-wrap">
    <div class="mdui-clearfix">
      <h1 class="doc-title mdui-text-color-theme mdui-p-x-0  mdui-col-xs-6 mdui-m-x-0">学习目录</h1>
    </div>
    <div class="mdui-clearfix mdui-typo ">
      <div class="mdui-shadow-3 mdui-text-center mdui-p-x-2 mdui-m-b-1 mdui-m-r-1" style="line-height: 48px;">
        <a class="mdui-m-x-1" href="./detailProject.html">项目1</a> | 
        <a class="mdui-m-x-1" href="./detailProject.html">项目2</a> | 
        <a class="mdui-m-x-1" href="./detailProject.html">项目3</a> | 
        <a class="mdui-m-x-1" href="./detailProject.html">项目4</a> | 
        <a class="mdui-m-x-1" href="./detailProject.html">项目5</a> | 
        <a class="mdui-m-x-1" href="./detailProject.html">项目6</a> | 
        <a class="mdui-m-x-1" href="./detailProject.html">项目7</a> | 
        <a class="mdui-m-x-1" href="./detailProject.html">项目8</a>
      </div>
    </div>
    <div class="mdui-typo mdui-clearfix mdui-col-md-12 mdui-m-b-1" style="border: 1px solid #eee;">
      <div class="mdui-panel" mdui-panel>
        <div class="mdui-panel-item mdui-col-md-4 mdui-panel-item-open project-list">
          <div class="mdui-panel-item-header detail-project">项目1</div>
          <div class="mdui-panel-item-body">
            <div class="mdui-panel" mdui-panel>
              <div class="mdui-panel-item mdui-panel-item-open">
                <div class="mdui-panel-item-header">课程1</div>
                <div class="mdui-panel-item-body">
                  <div class="mdui-panel" mdui-panel>
                    <div class="mdui-panel-item">
                      <div class="mdui-panel-item-header detail-subject">科目1</div>
                    </div>
                    <div class="mdui-panel-item">
                      <div class="mdui-panel-item-header detail-subject">科目2</div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="mdui-panel-item mdui-panel-item-open">
                <div class="mdui-panel-item-header">课程2</div>
                <div class="mdui-panel-item-body">
                  <div class="mdui-panel" mdui-panel>
                    <div class="mdui-panel-item">
                      <div class="mdui-panel-item-header detail-subject">科目1</div>
                    </div>
                    <div class="mdui-panel-item">
                      <div class="mdui-panel-item-header detail-subject">科目2</div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
            <div class="mdui-panel-item mdui-panel-item-open">
                <div class="mdui-panel-item-header">课程3</div>
                <div class="mdui-panel-item-body">
                  <div class="mdui-panel" mdui-panel>
                    <div class="mdui-panel-item">
                      <div class="mdui-panel-item-header detail-subject">科目1</div>
                    </div>
                    <div class="mdui-panel-item">
                      <div class="mdui-panel-item-header detail-subject">科目2</div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="mdui-panel-item mdui-col-md-4 mdui-panel-item-open project-list">
          <div class="mdui-panel-item-header detail-project">项目2</div>
          <div class="mdui-panel-item-body">
            <div class="mdui-panel" mdui-panel>
              <div class="mdui-panel-item mdui-panel-item-open">
                <div class="mdui-panel-item-header">课程1</div>
                <div class="mdui-panel-item-body">
                  <div class="mdui-panel" mdui-panel>
                    <div class="mdui-panel-item">
                      <div class="mdui-panel-item-header detail-subject">科目1</div>
                    </div>
                    <div class="mdui-panel-item">
                      <div class="mdui-panel-item-header detail-subject">科目2</div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="mdui-panel-item mdui-panel-item-open">
                <div class="mdui-panel-item-header">课程2</div>
                <div class="mdui-panel-item-body">
                  <div class="mdui-panel" mdui-panel>
                    <div class="mdui-panel-item">
                      <div class="mdui-panel-item-header detail-subject">科目1</div>
                    </div>
                    <div class="mdui-panel-item">
                      <div class="mdui-panel-item-header detail-subject">科目2</div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="mdui-panel-item mdui-col-md-4 mdui-panel-item-open project-list">
          <div class="mdui-panel-item-header detail-project">项目3</div>
          <div class="mdui-panel-item-body">
            <div class="mdui-panel" mdui-panel>
              <div class="mdui-panel-item mdui-panel-item-open">
                <div class="mdui-panel-item-header">课程1</div>
                <div class="mdui-panel-item-body">
                  <div class="mdui-panel" mdui-panel>
                    <div class="mdui-panel-item">
                      <div class="mdui-panel-item-header detail-subject">科目1</div>
                    </div>
                    <div class="mdui-panel-item">
                      <div class="mdui-panel-item-header detail-subject">科目2</div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="mdui-panel-item mdui-panel-item-open">
                <div class="mdui-panel-item-header">课程2</div>
                <div class="mdui-panel-item-body">
                  <div class="mdui-panel" mdui-panel>
                    <div class="mdui-panel-item">
                      <div class="mdui-panel-item-header detail-subject">科目1</div>
                    </div>
                    <div class="mdui-panel-item">
                      <div class="mdui-panel-item-header detail-subject">科目2</div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="mdui-panel-item mdui-col-md-4 mdui-panel-item-open project-list">
          <div class="mdui-panel-item-header detail-project">项目4</div>
          <div class="mdui-panel-item-body">
            <div class="mdui-panel" mdui-panel>
              <div class="mdui-panel-item mdui-panel-item-open">
                <div class="mdui-panel-item-header">课程1</div>
                <div class="mdui-panel-item-body">
                  <div class="mdui-panel" mdui-panel>
                    <div class="mdui-panel-item">
                      <div class="mdui-panel-item-header detail-subject">科目1</div>
                    </div>
                    <div class="mdui-panel-item">
                      <div class="mdui-panel-item-header detail-subject">科目2</div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="mdui-panel-item mdui-panel-item-open">
                <div class="mdui-panel-item-header">课程2</div>
                <div class="mdui-panel-item-body">
                  <div class="mdui-panel" mdui-panel>
                    <div class="mdui-panel-item">
                      <div class="mdui-panel-item-header detail-subject">科目1</div>
                    </div>
                    <div class="mdui-panel-item">
                      <div class="mdui-panel-item-header detail-subject">科目2</div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div class="mdui-panel-item mdui-col-md-4 mdui-panel-item-open project-list">
          <div class="mdui-panel-item-header detail-project">项目5</div>
          <div class="mdui-panel-item-body">
            <div class="mdui-panel" mdui-panel>
              <div class="mdui-panel-item mdui-panel-item-open">
                <div class="mdui-panel-item-header">课程1</div>
                <div class="mdui-panel-item-body">
                  <div class="mdui-panel" mdui-panel>
                    <div class="mdui-panel-item">
                      <div class="mdui-panel-item-header detail-subject">科目1</div>
                    </div>
                    <div class="mdui-panel-item">
                      <div class="mdui-panel-item-header detail-subject">科目2</div>
                    </div>
                  </div>
                </div>
              </div>
              <div class="mdui-panel-item mdui-panel-item-open">
                <div class="mdui-panel-item-header">课程2</div>
                <div class="mdui-panel-item-body">
                  <div class="mdui-panel" mdui-panel>
                    <div class="mdui-panel-item">
                      <div class="mdui-panel-item-header detail-subject">科目1</div>
                    </div>
                    <div class="mdui-panel-item">
                      <div class="mdui-panel-item-header detail-subject">科目2</div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div> 
<%@include file="../common/theme.jsp"%>
<script>
$$('.detail-project').on('click', function () {
  location.href = 'detailProject.html';
});
$$('.detail-subject').on('click', function () {
  location.href = 'detailSubject.html';
});
</script>
  
</body>
</html>